<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>登录</title>
    <link rel="stylesheet" type="text/css" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/login.css">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">  <!-- Google web font "Open Sans" -->
  <link rel="stylesheet" href="../css/font-awesome.min.css">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/demo.css" />
  <link rel="stylesheet" href="../css/templatemo-style.css">
  
  <script type="text/javascript" src="../js/modernizr.custom.86080.js"></script>
		
	</head>
<body>

    <center><header class="mb-5"><h1>区块链投票</h1></header></center>
    <br>
			<div id="particles-js"></div>
		
			<ul class="cb-slideshow">
	            <li></li>
	            <li></li>
	            <li></li>
	            <li></li>
	            <li></li>
	            <li></li>
	        </ul>

			<div class="container-fluid">
				<div class="row cb-slideshow-text-container ">
					<div class= "tm-content col-xl-6 col-sm-8 col-xs-8 ml-auto section">
                    <div class="container" >
    <div class="row" >

         <div id="loader"><p class="test-center">Loading...</p></div>
            <div id="content" style="display: none;">
<!--        <div class="main">-->
                <table>
                    <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">Name</th>
                        <th scope="col">Votes</th>
                    </tr>
                    </thead>
                    <tbody id="candidatesResults"></tbody>
                </table>
                <hr/> <!-- 投票 -->

                <form onsubmit="App.castVote();return false;">
                    <div class="form-group">
                        <label for="cadidatesSelect">选择你要投的名字：</label>
                        <select class="form-control" id="cadidatesSelect"> </select>
                    </div>
                    <div align="center">
                    <button type="submit" class="btn btn-primary" >投票</button></div>
                </form>
                <div class="main">

                    <a href="index_cj.html">
            <input  type="button" type="submit" class="btn btn-danger" onclick="return confirm('感谢投出宝贵一票！请参与抽奖')"  value="退出系统"/>
                    </a></div>
        </div></div>


            <hr/>
            <p id="accountAddress" class="test-center"></p>
            </div></div>
            <!--</div>-->                    
					</div>
				</div>	
			</div>	
            <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> -->
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/web3.min.js"></script>
<script src="js/truffle-contract.js"></script>
<script src="js/app.js"></script>

	</body>

	<script type="text/javascript" src="js/particles.js"></script>
	<script type="text/javascript" src="js/app.js"></script>
    
</html>
<style> .test-center {
    text-align: center;
}

table {
    width: 100%;
}

table tr {
    border-bottom: 2px solid #efefef;
    height: 40px;
}
.container{
	position:relative;
	right:200px;
	bottom:120px;
	}
.main{
    position: relative;
    left: 5px;
}

</style>